<template>
  <div style="height:100%;width:100%;">
    <div class="netIncreaseTrend" style="height:100%;width:100%;"></div>
  </div>
</template>

 <script>
export default {
  name: "basicIncome",
 props: {
   newGrowthTrendData: {
     type: Object,
     default: () => {
       return {};
     }
   }
 },
 watch:{
   newGrowthTrendData(val){
  // var min = Math.min.apply(null, val.yAxis);
  this.getPie(val);
   }
 },
  methods: {
    getPie(val) {
      const that = this;
      var myChart = this.$echarts.init(document.querySelector(".netIncreaseTrend"));
      let option = {
      tooltip: {
          trigger: "axis",
          axisPointer: {
            type: "shadow",
            },
          formatter:"{b} {c}万户",
          },

        grid: {
          left: "20px",
          right: "20px",
          bottom:'20px',
         },
        xAxis: {
          type: 'category',
          // boundaryGap: false,
          data:val.xAxis,
          axisLabel: {
            interval:0,
            // rotate:40 ,
            },
          },
        yAxis:
              {
                  type: 'value',
                  splitLine:{show: false},  //去除网格线
                  min: 0,
                  // // interval: 50,
                  axisLabel: {
                      formatter: '{value}万户',
                      show:false
                  },
                  axisTick:{ //y轴刻度线
                      show:false
                  },
                  axisLine:{ //y轴
                      show:false
                  },
              },
        series:
         {
          type: "bar",
          name: '全省一季度净增趋势',
          data: val.yAxis,
          barWidth :20,
          itemStyle:{
              normal:{

				  color: function(params) {
				       var c="";
				       var index =val.xAxis.indexOf("浙江");
				       if(params.dataIndex == index){
				              c='#c00000'
				          }else{
				              c='#0070c0'
				          }
				          return c;
				      },
                  label: {
                      show: true,
                      position: 'top',
                      textStyle: {
                         color: '#0070c0'
                       },
                      formatter:"{c}",
                   }
              }
          },
         // itemStyle: {
         //             normal: {
         //                 // 随机显示
         //                 //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

         //                 // 定制显示（按顺序）
         //                 color: function(params) {
         //                     var colorList = ['#c00000','#0070c0'];
         //                     return colorList[params.dataIndex]
         //                 }
         //             },
         //         },
        },
      };
      myChart.setOption(option);
    }
  },
};
 </script>

 <style>
 </style>
